/**
 * Adobe Edge: symbol definitions
 */
(function($, Edge, compId){
//images folder
var im='images/';

var fonts = {};


var resources = [
];
var symbols = {
"stage": {
   version: "1.5.0",
   minimumCompatibleVersion: "1.5.0",
   build: "1.5.0.217",
   baseState: "Base State",
   initialState: "Base State",
   gpuAccelerate: false,
   resizeInstances: false,
   content: {
         dom: [
         {
            id:'panel4',
            type:'rect',
            rect:['0','92','auto','auto','auto','auto']
         },
         {
            id:'panel3',
            type:'rect',
            rect:['0','92','auto','auto','auto','auto']
         },
         {
            id:'panel2',
            type:'rect',
            rect:['0','92','auto','auto','auto','auto']
         },
         {
            id:'panel1',
            type:'rect',
            rect:['0','92','auto','auto','auto','auto']
         },
         {
            id:'menu',
            type:'rect',
            rect:['0px','0px','1366px','96px','auto','auto'],
            fill:["rgba(192,192,192,1)"],
            stroke:[0,"rgb(0, 0, 0)","none"]
         },
         {
            id:'btn_circle2',
            type:'rect',
            rect:['683','14','auto','auto','auto','auto']
         },
         {
            id:'btn_circle1',
            type:'rect',
            rect:['683','14','auto','auto','auto','auto']
         }],
         symbolInstances: [
         {
            id:'btn_circle1',
            symbolName:'btn_circle'
         },
         {
            id:'panel4',
            symbolName:'panel4'
         },
         {
            id:'panel3',
            symbolName:'panel3'
         },
         {
            id:'btn_circle2',
            symbolName:'btn_circle'
         },
         {
            id:'panel1',
            symbolName:'panel1'
         },
         {
            id:'panel2',
            symbolName:'panel2'
         }
         ]
      },
   states: {
      "Base State": {
         "${_btn_circle2}": [
            ["style", "left", '837px']
         ],
         "${_Stage}": [
            ["color", "background-color", 'rgba(255,255,255,1)'],
            ["style", "overflow", 'hidden'],
            ["style", "height", '768px'],
            ["style", "width", '1366px']
         ]
      }
   },
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 2000,
         autoPlay: true,
         labels: {
            "panel1": 0,
            "panel2": 2000
         },
         timeline: [
            { id: "eid52", tween: [ "style", "${_btn_circle2}", "left", '837px', { fromValue: '837px'}], position: 2000, duration: 0, easing: "easeInBounce" },
            { id: "eid47", trigger: [ function executeSymbolFunction(e, data) { this._executeSymbolAction(e, data); }, ['play', '${_panel1}', [0] ], ""], position: 0 },
            { id: "eid48", trigger: [ function executeSymbolFunction(e, data) { this._executeSymbolAction(e, data); }, ['play', '${_panel2}', [0] ], ""], position: 2000 }         ]
      }
   }
},
"btn_circle": {
   version: "1.5.0",
   minimumCompatibleVersion: "1.5.0",
   build: "1.5.0.217",
   baseState: "Base State",
   initialState: "Base State",
   gpuAccelerate: false,
   resizeInstances: false,
   content: {
   dom: [
   {
      rect: ['-160px','0px','128px','64px','auto','auto'],
      borderRadius: ['0px','0px','0px 0px','0px 0px'],
      id: 'btn_circle',
      stroke: [0,'rgb(0, 0, 0)','none'],
      type: 'rect',
      fill: ['rgba(248,4,4,1.00)']
   }],
   symbolInstances: [
   ]
   },
   states: {
      "Base State": {
         "${_btn_circle}": [
            ["color", "background-color", 'rgba(248,4,4,1.00)'],
            ["style", "border-bottom-left-radius", [9,9], {valueTemplate:'@@0@@px @@1@@px'} ],
            ["style", "top", '0px'],
            ["style", "border-bottom-right-radius", [9,9], {valueTemplate:'@@0@@px @@1@@px'} ],
            ["style", "left", '0px'],
            ["gradient", "background-image", [270,[['rgba(79,25,25,1.00)',0],['rgba(255,255,255,0.00)',100]]]],
            ["style", "border-top-right-radius", [9,9], {valueTemplate:'@@0@@px @@1@@px'} ],
            ["style", "border-top-left-radius", [9,9], {valueTemplate:'@@0@@px @@1@@px'} ]
         ],
         "${symbolSelector}": [
            ["style", "height", '64px'],
            ["style", "width", '128px']
         ]
      }
   },
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 0,
         autoPlay: true,
         timeline: [
            { id: "eid8", tween: [ "style", "${_btn_circle}", "border-top-left-radius", [9,9], { valueTemplate: '@@0@@px @@1@@px', fromValue: [9,9]}], position: 0, duration: 0 },
            { id: "eid11", tween: [ "style", "${_btn_circle}", "border-top-right-radius", [9,9], { valueTemplate: '@@0@@px @@1@@px', fromValue: [9,9]}], position: 0, duration: 0 },
            { id: "eid13", tween: [ "style", "${_btn_circle}", "left", '0px', { fromValue: '0px'}], position: 0, duration: 0 },
            { id: "eid12", tween: [ "style", "${_btn_circle}", "border-bottom-left-radius", [9,9], { valueTemplate: '@@0@@px @@1@@px', fromValue: [9,9]}], position: 0, duration: 0 },
            { id: "eid9", tween: [ "style", "${_btn_circle}", "border-bottom-right-radius", [9,9], { valueTemplate: '@@0@@px @@1@@px', fromValue: [9,9]}], position: 0, duration: 0 },
            { id: "eid10", tween: [ "gradient", "${_btn_circle}", "background-image", [270,[['rgba(79,25,25,1.00)',0],['rgba(255,255,255,0.00)',100]]], { fromValue: [270,[['rgba(79,25,25,1.00)',0],['rgba(255,255,255,0.00)',100]]]}], position: 0, duration: 0 }         ]
      }
   }
},
"panel1": {
   version: "1.5.0",
   minimumCompatibleVersion: "1.5.0",
   build: "1.5.0.217",
   baseState: "Base State",
   initialState: "Base State",
   gpuAccelerate: false,
   resizeInstances: false,
   content: {
   dom: [
   {
      rect: ['0px','0px','1366px','676px','auto','auto'],
      id: 'home',
      stroke: [0,'rgba(0,0,0,1)','none'],
      type: 'rect',
      fill: ['rgba(192,192,192,1)']
   },
   {
      rect: ['261px','16px','962px','178px','auto','auto'],
      id: 'Text',
      text: 'Trang Home Nhé!!!',
      font: ['Arial, Helvetica, sans-serif',108,'rgba(0,0,0,1)','normal','none',''],
      type: 'text'
   }],
   symbolInstances: [
   ]
   },
   states: {
      "Base State": {
         "${_home}": [
            ["style", "top", '0px'],
            ["style", "opacity", '1'],
            ["style", "left", '0px'],
            ["style", "height", '676px']
         ],
         "${_Text}": [
            ["style", "top", '16px'],
            ["style", "width", '962px'],
            ["style", "opacity", '0'],
            ["style", "left", '261px'],
            ["style", "font-size", '108px']
         ],
         "${symbolSelector}": [
            ["style", "height", '676px'],
            ["style", "width", '1366px']
         ]
      }
   },
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 2000,
         autoPlay: true,
         timeline: [
            { id: "eid56", tween: [ "style", "${_home}", "opacity", '0', { fromValue: '1'}], position: 0, duration: 2000, easing: "easeInBounce" },
            { id: "eid31", tween: [ "style", "${_Text}", "opacity", '1', { fromValue: '0.000000'}], position: 0, duration: 2000, easing: "easeOutBounce" }         ]
      }
   }
},
"panel2": {
   version: "1.5.0",
   minimumCompatibleVersion: "1.5.0",
   build: "1.5.0.217",
   baseState: "Base State",
   initialState: "Base State",
   gpuAccelerate: false,
   resizeInstances: false,
   content: {
   dom: [
   {
      rect: ['0px','0px','1366px','676px','auto','auto'],
      id: 'introduction',
      stroke: [0,'rgba(0,0,0,1)','none'],
      type: 'rect',
      fill: ['rgba(225,91,91,1.00)']
   },
   {
      rect: ['349px','106px','940px','238px','auto','auto'],
      font: ['Arial, Helvetica, sans-serif',108,'rgba(0,0,0,1)','normal','none','normal'],
      id: 'Text3',
      text: 'Trang intro nhé',
      align: 'left',
      type: 'text'
   }],
   symbolInstances: [
   ]
   },
   states: {
      "Base State": {
         "${_Text3}": [
            ["style", "top", '106px'],
            ["style", "opacity", '0'],
            ["style", "left", '349px'],
            ["style", "width", '940px']
         ],
         "${symbolSelector}": [
            ["style", "height", '676px'],
            ["style", "width", '1366px']
         ],
         "${_introduction}": [
            ["style", "height", '676px'],
            ["style", "top", '0px'],
            ["style", "left", '0px'],
            ["color", "background-color", 'rgba(225,91,91,1.00)']
         ]
      }
   },
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 4000,
         autoPlay: true,
         timeline: [
            { id: "eid46", tween: [ "style", "${_Text3}", "opacity", '1', { fromValue: '0.000000'}], position: 2000, duration: 2000, easing: "easeInBounce" }         ]
      }
   }
},
"panel3": {
   version: "1.5.0",
   minimumCompatibleVersion: "1.5.0",
   build: "1.5.0.217",
   baseState: "Base State",
   initialState: "Base State",
   gpuAccelerate: false,
   resizeInstances: false,
   content: {
   dom: [
   {
      rect: ['0px','0px','1366px','676px','auto','auto'],
      id: 'about_Us',
      stroke: [0,'rgba(0,0,0,1)','none'],
      type: 'rect',
      fill: ['rgba(192,192,192,1)']
   }],
   symbolInstances: [
   ]
   },
   states: {
      "Base State": {
         "${symbolSelector}": [
            ["style", "height", '676px'],
            ["style", "width", '1366px']
         ],
         "${_about_Us}": [
            ["style", "top", '0px'],
            ["style", "left", '0px'],
            ["style", "height", '676px']
         ]
      }
   },
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 0,
         autoPlay: true,
         timeline: [
         ]
      }
   }
},
"panel4": {
   version: "1.5.0",
   minimumCompatibleVersion: "1.5.0",
   build: "1.5.0.217",
   baseState: "Base State",
   initialState: "Base State",
   gpuAccelerate: false,
   resizeInstances: false,
   content: {
   dom: [
   {
      rect: ['0px','0px','1366px','676px','auto','auto'],
      id: 'contact_Us',
      stroke: [0,'rgba(0,0,0,1)','none'],
      type: 'rect',
      fill: ['rgba(192,192,192,1)']
   }],
   symbolInstances: [
   ]
   },
   states: {
      "Base State": {
         "${_contact_Us}": [
            ["style", "top", '0px'],
            ["style", "left", '0px'],
            ["style", "height", '676px']
         ],
         "${symbolSelector}": [
            ["style", "height", '676px'],
            ["style", "width", '1366px']
         ]
      }
   },
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 0,
         autoPlay: true,
         timeline: [
         ]
      }
   }
}
};


Edge.registerCompositionDefn(compId, symbols, fonts, resources);

/**
 * Adobe Edge DOM Ready Event Handler
 */
$(window).ready(function() {
     Edge.launchComposition(compId);
});
})(jQuery, AdobeEdge, "EDGE-28563745");
